<template>
  <!--运单异常-->
  <div class="module YDException-module" v-show="YDExceptionModule">
    <div class="module-header">
      <h1>运单异常</h1><a onClick="wayBillExpAll()">查看全部></a>
      <div class="dropdown" v-show="dropdown">
        <a href="#" class="dropdown-toggle" @click="showDown=!showDown">{{dropdownName}}<i class="fa fa-fw fa-caret-down"></i></a>
        <ul class="dropdownMenu" v-show="showDown">
          <li :class="{active:needActive}" @click="selectLiExp(0)">需处理异常</li>
          <li :class="{active:!needActive}" @click="selectLiExp(1)">出发货异常</li>
        </ul>
      </div>
    </div>
    <div class="module-content otherExp" v-show="otherExp">
      <div class="row tab-content">
        <div v-show="dealException0">
          <div :class="{'YDExceptionS':dropdown,'YDException':!dropdown}">
            <div class="canvas-box">
              <div id="YDExcption0" class="canvasStyle"></div>
            </div>
          </div>
          <div :class="{'Exception-listS':dropdown,'Exception-list':!dropdown}">
            <ExcepUl :ExcepUl="ExpUl01" v-if="ordinary"></ExcepUl>
            <ExcepUlC :ExcepUlC="ExpUl01" v-else></ExcepUlC>
          </div>
        </div>
        <div v-show="dealException1">
          <div :class="{'YDExceptionS':dropdown,'YDException':!dropdown}">
            <div class="canvas-box">
              <div id="YDExcption1" class="canvasStyle"></div>
            </div>
          </div>
          <div :class="{'Exception-listS':dropdown,'Exception-list':!dropdown}">
            <ExcepUl :ExcepUl="ExpUl02" v-if="ordinary"></ExcepUl>
            <ExcepUlC :ExcepUlC="ExpUl02" v-else></ExcepUlC>
          </div>
        </div>
        <div v-show="dealException2">
          <div :class="{'YDExceptionS':dropdown,'YDException':!dropdown}">
            <div class="canvas-box">
              <div id="YDExcption2" class="canvasStyle"></div>
            </div>
          </div>
          <div :class="{'Exception-listS':dropdown,'Exception-list':!dropdown}">
            <ExcepUl :ExcepUl="ExpUl03" v-if="ordinary"></ExcepUl>
            <ExcepUlC :ExcepUlC="ExpUl03" v-else></ExcepUlC>
          </div>
        </div>
      </div>

      <div class="row tabException">
        <ul class="tabException-ul">
          <li :class="{active:dealException0}" @click='tabToggle("tab01");'><a>所有异常<span>{{abnormalCounts}}</span></a></li>
          <li :class="{active:dealException1}" @click='tabToggle("tab02");'><a>处理中<span>{{processingData}}</span></a></li>
          <li :class="{active:dealException2}" @click='tabToggle("tab03");'><a>待处理<span>{{pendingData}}</span></a></li>
        </ul>
      </div>
    </div>
    <div class="module-content delivExp" v-show="deliveExp">
      <div class="row tab-content">
        <div id="dealException4">
          <div class="YDExceptionS">
            <div class="canvas-box">
              <div id="YDExcption4" style="width:115px; height: 115px;position: absolute;top: 11px;left: -15px;"></div>
            </div>
          </div>
          <div class="Exception-listS">
            <ExcepUlD :ExcepUlD="ExpUlD"></ExcepUlD>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    import echarts from 'echarts/dist/echarts.min'
    var options = {
        color:['#ffc67f','#9acffb','#c7cff4','#7cbdf7','#c7bff9'],  //手动设置每个图例的颜色
        series : [ //系列列表
            {
                name:'随访次数',  //系列名称
                type:'pie',   //类型 pie表示饼图
//                center:['30%','50%'], //设置饼的原心坐标 不设置就会默认在中心的位置
                radius : ['28%', '70%'],  //饼图的半径,第一项是内半径,第二项是外半径,内半径为0就是真的饼,不是环形
                legendHoverLink:false,
                hoverAnimation:false,
                itemStyle : {  //图形样式
                    normal : { //normal 是图形在默认状态下的样式；emphasis 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。
                        label : {  //饼图图形上的文本标签
                            show : false  //平常不显示
                        },
                        labelLine : {     //标签的视觉引导线样式
                            show : false  //平常不显示
                        }
                    },
                    emphasis : {   //normal 是图形在默认状态下的样式；emphasis 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。
                        label : {  //饼图图形上的文本标签
                            show : false,
                            position : 'center',
                            textStyle : {
                                fontSize : '10',
                                fontWeight : 'bold'
                            }
                        }
                    }
                },
                data:[]
            }
        ]
    };
    var useType = '';
    export default {
        name: "weyBill-Exp",
        data(){
            return{
                useType:'',
                YDExceptionModule:false,
                otherExp:false,
                deliveExp:false,
                dropdown:false,
                showDown:false,
                dropdownName:"需处理异常",
                needActive:true,
                dealException0:true,
                dealException1:false,
                dealException2:false,
                ordinary:true,
                abnormalCounts:0,
                processingData:0,
                pendingData:0,
                ExpUl01:{},
                ExpUl02:{},
                ExpUl03:{},
                ExpUlC01:{ExpTodayUnsign:0,ExpTimeoutUnsign:0,ExpTimeoutUnarr:0,ExpFourUnsign:0},
                ExpUlC02:{ExpTodayUnsign:0,ExpTimeoutUnsign:0,ExpTimeoutUnarr:0,ExpFourUnsign:0},
                ExpUlC03:{ExpTodayUnsign:0,ExpTimeoutUnsign:0,ExpTimeoutUnarr:0,ExpFourUnsign:0},
                ExpUlO01:{ExpTimeoutUnsign:0,TodayMakeup:0,ExpSign:0,ArrBatches:0,Lostcarg:0},
                ExpUlO02:{ExpTimeoutUnsign:0,TodayMakeup:0,ExpSign:0,ArrBatches:0,Lostcarg:0},
                ExpUlO03:{ExpTimeoutUnsign:0,TodayMakeup:0,ExpSign:0,ArrBatches:0,Lostcarg:0},
                ExpUlD:{TodayMakeup:0,NoArrive:0,ExpTimeoutUnsign:0,ExpSign:0,StartLate:0}
            }
        },
        components:{
            ExcepUl:{template: '<ul class="Exception-list-ul">'+
            '<li><div>超时未签收</div><div>{{ExcepUl.ExpTimeoutUnsign}}</div></li>'+
            '<li><div>当天未补录</div><div>{{ExcepUl.TodayMakeup}}</div></li>'+
            '<li><div>异常签收</div><div>{{ExcepUl.ExpSign}}</div></li>'+
            '<li><div>分批到达</div><div>{{ExcepUl.ArrBatches}}</div></li>'+
            '<li><div>丢货</div><div>{{ExcepUl.Lostcarg}}</div></li>'+
            '</ul>',
              props: ['ExcepUl']
            },
            ExcepUlD:{template: '<ul class="Exception-list-ul">'+
            '<li><div>当天未补录</div><div>{{ExcepUlD.TodayMakeup}}</div></li>'+
            '<li><div>超时未到达</div><div>{{ExcepUlD.NoArrive}}</div></li>'+
            '<li><div>超时未签收</div><div>{{ExcepUlD.ExpTimeoutUnsign}}</div></li>'+
            '<li><div>异常签收</div><div>{{ExcepUlD.ExpSign}}</div></li>'+
            '<li><div>出发晚点</div><div>{{ExcepUlD.StartLate}}</div></li>'+
            '</ul>',
                props: ['ExcepUlD']
            },
              ExcepUlC:{template: '<ul class="Exception-list-ul">'+
              '<li><div>当天未签收</div><div>{{ExcepUlC.ExpTodayUnsign}}</div></li>'+
              '<li><div>超时未签收</div><div>{{ExcepUlC.ExpTimeoutUnsign}}</div></li>'+
              '<li><div>超时未到达</div><div>{{ExcepUlC.ExpTimeoutUnarr}}</div></li>'+
              '<li><div>4小时以上未签收</div><div>{{ExcepUlC.ExpFourUnsign}}</div></li>'+
            '</ul>',
                props: ['ExcepUlC']
            }
        },
        mounted(){
            if(userInfo.deptCode == 'W0000017585' || userInfo.deptCode == 'W0000017577' || userInfo.deptCode == 'W0000009968' || userInfo.deptCode == 'W0000027799'){
                this.useType ='customer';
            }else{
                this.useType = 'abnormal';
            }
            this.YDException();
        },
        methods:{
            YDException(){
                this.axios.get(ACW_SERVER_NAME+"api/getReportData/"+userInfo.empCode+"/"+this.useType+".html").then(response =>{
                    if(response.data.state==0) {
                    this.YDExceptionModule = true;
                      if(response.data.type == 'customer'){
                          this.otherExp = true;
                          this.deliveExp = false;
                          this.ordinary = false;
                          this.dropdown = false;
                          this.customer(this.isDataUndefined(response.data));
                      }else{
                          this.dropdown = true;
                          this.needExp();
                      }
                  }else{
                        this.YDExceptionModule = false;
                    }
                }).catch (error =>{
                })
            },
            customer(daAcw){
                this.abnormalCounts = daAcw.data.abnormalCounts;
                this.processingData = daAcw.data.processingData;
                this.pendingData = daAcw.data.pendingData;
                let data0 = [daAcw.data.sumExpTodayUnsign,daAcw.data.sumExpTimeoutUnsign,daAcw.data.sumExpTimeoutUnarr,daAcw.data.sumExpFourUnsign];
                let data1 = [daAcw.data.disposedExpTodayUnsign,daAcw.data.disposedExpTimeoutUnsign,daAcw.data.disposedExpTimeoutUnarr,daAcw.data.disposedExpFourUnsign];
                let data2 = [daAcw.data.undisposedExpTodayUnsign,daAcw.data.undisposedExpTimeoutUnsign,daAcw.data.undisposedExpTimeoutUnarr,daAcw.data.undisposedExpFourUnsign];
                console.log(this.customInit(data0,0,this.ExpUlC01));
                this.ExpUl01 = this.customInit(data0,0,this.ExpUlC01);
                this.ExpUl02 = this.customInit(data1,1,this.ExpUlC02);
                this.ExpUl03 = this.customInit(data2,2,this.ExpUlC03);

            },
            needExp() {
                this.otherExp = true;
                this.deliveExp = false;
                this.ordinary = true;
                this.axios.get(ACW_SERVER_NAME+"api/getReportData/"+userInfo.empCode+"/abnormal.html").then(response =>{
                    if(response.data.state == 0){
                        let daAcw=this.isDataUndefined(response.data);
                        this.abnormalCounts = daAcw.data.abnormalCounts;
                        this.processingData = daAcw.data.processingData;
                        this.pendingData = daAcw.data.pendingData;
                        let data0 = [daAcw.data.sumExpTimeoutUnsign,daAcw.data.sumTodayMakeup,daAcw.data.sumExpSign,daAcw.data.sumArrBatches,daAcw.data.sumLostcarg];
                        let data1 = [daAcw.data.disposedExpTimeoutUnsign,daAcw.data.disposedTodayMakeup,daAcw.data.disposedExpSign,daAcw.data.disposedArrBatches,daAcw.data.disposedLostcarg];
                        let data2 = [daAcw.data.undisposedExpTimeoutUnsign,daAcw.data.undisposedExpTodayMakeup,daAcw.data.undisposedExpSign,daAcw.data.undisposedArrBatches,daAcw.data.undisposedLostcarg];
                        this.ExpUl01 = this.ordinaryInit(data0,0,this.ExpUlO01);
                        this.ExpUl02 = this.ordinaryInit(data1,1,this.ExpUlO02);
                        this.ExpUl03 = this.ordinaryInit(data2,2,this.ExpUlO03);
                    }
                }).catch(error =>{
                    console.log(error);
                })
            },
            customInit(data,index,ExpUl){
                ExpUl.ExpTodayUnsign = data[0];
                ExpUl.ExpTimeoutUnsign = data[1];
                ExpUl.ExpTimeoutUnarr = data[2];
                ExpUl.ExpFourUnsign = data[3];
                console.log(document.getElementById('YDExcption'+index));
                console.log(document.getElementById('YDExcption0'));
                let mychart1 = echarts.init(document.getElementById('YDExcption'+index));
                console.log(mychart1);
                let optionsC=options;
                let dataSum = new Array();
                dataSum.push({"value":data[0]});
                dataSum.push({"value":data[1]});
                dataSum.push({"value":data[2]});
                dataSum.push({"value":data[3]});
                optionsC.series[0].data=dataSum;
                mychart1.setOption(optionsC);

                return ExpUl
            },
            ordinaryInit(data,index,ExpUl){
                ExpUl.ExpTimeoutUnsign = data[0];
                ExpUl.TodayMakeup = data[1];
                ExpUl.ExpSign = data[2];
                ExpUl.ArrBatches = data[3];
                ExpUl.Lostcarg = data[4];
                let mychart = echarts.init(document.getElementById('YDExcption'+index));
                let optionsC=options;
                let dataSum = new Array();
                dataSum.push({"value":data[0]});
                dataSum.push({"value":data[1]});
                dataSum.push({"value":data[2]});
                dataSum.push({"value":data[3]});
                dataSum.push({"value":data[4]});
                optionsC.series[0].data=dataSum;
                mychart.setOption(optionsC);

                return ExpUl
                },
            delive(){
                this.otherExp = false;
                this.deliveExp = true;
                this.axios.get(ACW_SERVER_NAME+"api/getReportData/"+userInfo.empCode+"/ordinary.html").then(response =>{
                    if(response.data.state == 0){
                        let daAcw=this.isDataUndefined(response.data);
                        let data3 = [daAcw.data.sumTodayMakeup,daAcw.data.sumNoArrive,daAcw.data.sumExpTimeoutUnsign,daAcw.data.sumExpSign,daAcw.data.sumStartLate];
                        this.ordinaryInit(data3,4,this.ExpUlD);

                        this.ExpUlD.TodayMakeup = daAcw.data.sumTodayMakeup;
                        this.ExpUlD.NoArrive = daAcw.data.sumNoArrive;
                        this.ExpUlD.ExpTimeoutUnsign = daAcw.data.sumExpTimeoutUnsign;
                        this.ExpUlD.ExpSign = daAcw.data.sumExpSign;
                        this.ExpUlD.StartLate = daAcw.data.sumStartLate;
                        this.ExpUl04 = this.ExpUlD;
                    }
                }).catch(error =>{
                    console.log(error);
                })
            },
            tabToggle(tabText){
                if(tabText=='tab03'){
                    this.dealException2=true;
                    this.dealException1=false;
                    this.dealException0=false;
                }else if(tabText == 'tab02'){
                    this.dealException1=true
                    this.dealException2=false;
                    this.dealException0=false;
                }else{
                    this.dealException1=false;
                    this.dealException2=false;
                    this.dealException0=true;
                }
            },
            selectLiExp(num){
                if(num==1){
                    this.dropdownName = "出发货异常";
                    this.delive();
                    this.needActive = false;
                }else{
                    this.dropdownName = "需处理异常";
                    this.needExp();
                    this.needActive = true;
                }
                this.showDown = !this.showDown;
            },
            isDataUndefined(dataAcw) {
                if(dataAcw.data!='dataNull'){
                    dataAcw.data.abnormalCounts = this.formatText(dataAcw.data.abnormalCounts);
                    dataAcw.data.processingData = this.formatText(dataAcw.data.processingData);
                    dataAcw.data.pendingData = this.formatText(dataAcw.data.pendingData);
                    // 总数
                    dataAcw.data.sumExpTodayUnsign = this.formatText(dataAcw.data.sumExpTodayUnsign);
                    dataAcw.data.sumExpTimeoutUnsign = this.formatText(dataAcw.data.sumExpTimeoutUnsign);
                    dataAcw.data.sumExpTimeoutUnarr = this.formatText(dataAcw.data.sumExpTimeoutUnarr);
                    dataAcw.data.sumExpFourUnsign = this.formatText(dataAcw.data.sumExpFourUnsign);
                    dataAcw.data.sumExpSign = this.formatText(dataAcw.data.sumExpSign);
                    dataAcw.data.sumLostcarg = this.formatText(dataAcw.data.sumLostcarg);
                    dataAcw.data.sumTodayMakeup = this.formatText(dataAcw.data.sumTodayMakeup);
                    dataAcw.data.sumArrBatches = this.formatText(dataAcw.data.sumArrBatches);
                    dataAcw.data.sumStartLate = this.formatText(dataAcw.data.sumStartLate);
                    dataAcw.data.sumNoArrive =  this.formatText(dataAcw.data.sumNoArrive);
                    // 处理中
                    dataAcw.data.disposedExpTodayUnsign = this.formatText(dataAcw.data.disposedExpTodayUnsign);
                    dataAcw.data.disposedExpTimeoutUnsign = this.formatText(dataAcw.data.disposedExpTimeoutUnsign);
                    dataAcw.data.disposedExpTimeoutUnarr = this.formatText(dataAcw.data.disposedExpTimeoutUnarr);
                    dataAcw.data.disposedExpFourUnsign = this.formatText(dataAcw.data.disposedExpFourUnsign);
                    dataAcw.data.disposedExpSign = this.formatText(dataAcw.data.disposedExpSign);
                    dataAcw.data.disposedLostcarg = this.formatText(dataAcw.data.disposedLostcarg);
                    dataAcw.data.disposedTodayMakeup = this.formatText(dataAcw.data.disposedTodayMakeup);
                    dataAcw.data.disposedNoArrive = this.formatText(dataAcw.data.disposedNoArrive);
                    dataAcw.data.disposedStartLate = this.formatText(dataAcw.data.disposedStartLate);
                    dataAcw.data.disposedArrBatches = this.formatText(dataAcw.data.disposedArrBatches);
                    // 待处理
                    dataAcw.data.undisposedExpTodayUnsign = this.formatText(dataAcw.data.undisposedExpTodayUnsign);
                    dataAcw.data.undisposedExpTimeoutUnsign = this.formatText(dataAcw.data.undisposedExpTimeoutUnsign);
                    dataAcw.data.undisposedExpTimeoutUnarr = this.formatText(dataAcw.data.undisposedExpTimeoutUnarr);
                    dataAcw.data.undisposedExpFourUnsign = this.formatText(dataAcw.data.undisposedExpFourUnsign);
                    dataAcw.data.undisposedExpSign = this.formatText(dataAcw.data.undisposedExpSign);
                    dataAcw.data.undisposedLostcarg = this.formatText(dataAcw.data.undisposedLostcarg);
                    dataAcw.data.undisposedExpTodayMakeup = this.formatText(dataAcw.data.undisposedExpTodayMakeup);
                    dataAcw.data.undisposedArrBatches = this.formatText(dataAcw.data.undisposedArrBatches);
                    dataAcw.data.undisposedStartLate = this.formatText(dataAcw.data.undisposedStartLate);
                    dataAcw.data.undisposedNoArrive = this.formatText(dataAcw.data.undisposedNoArrive);


                }else{
                    dataAcw.data={
                        abnormalCounts:0,
                        processingData:0,
                        pendingData:0,
                        // 总数
                        sumExpTodayUnsign:0,
                        sumExpTimeoutUnsign:0,
                        sumExpTimeoutUnarr:0,
                        sumExpFourUnsign:0,
                        sumExpSign:0,
                        sumLostcarg:0,
                        sumTodayMakeup:0,
                        sumArrBatches:0,
                        sumStartLate:0,
                        sumNoArrive:0,
                        // 处理中
                        disposedExpTodayUnsign:0,
                        disposedExpTimeoutUnsign:0,
                        disposedExpTimeoutUnarr:0,
                        disposedExpFourUnsign:0,
                        disposedExpSign:0,
                        disposedLostcarg:0,
                        disposedTodayMakeup:0,
                        disposedNoArrive:0,
                        disposedStartLate:0,
                        disposedArrBatches:0,
                        // 待处理
                        undisposedExpTodayUnsign:0,
                        undisposedExpTimeoutUnsign:0,
                        undisposedExpTimeoutUnarr:0,
                        undisposedExpFourUnsign:0,
                        undisposedExpSign:0,
                        undisposedLostcarg:0,
                        undisposedExpTodayMakeup:0,
                        undisposedArrBatches:0,
                        undisposedStartLate:0,
                        undisposedNoArrive:0
                    }
                }
                return dataAcw
            },
            formatText(param){
                if(param==0 || param == null || param==="" || param == undefined) {
                    //异常
                    return 0;
                } else {
                    //正常
                    return parseInt(param);
                }
            }

        }
    }
</script>

<style>

  .YDException-module{
    width:100%;
    /*display: none;*/
    position: relative;
  }
  .YDException-module .module-header{
    padding-right: 0px;
  }
  .YDException-module .tab-content{
    margin-top: 25px;
    margin-bottom: 43px;
  }
  .YDException-module .YDException{
    display: inline-block;
    width: 29%;
    /*padding-top: 5px;*/
    margin: 0 5px 0 5px;
  }
  .YDException-module .YDExceptionS{
    display: inline-block;
    width: 29%;
    /*padding-top: 5px;*/
    margin: 0 10px 0 10px;
  }
  .YDExceptionNull{
    padding-left: 18px;
    padding-right: 17px;
    padding-top: 5px;
  }
  .YDExceptionNull img{
    margin-top: 20px;
  }
  .YDExceptionS .canvas-box{
    width: 115px;
    height: 115px;
    margin: 0 auto;
    position: relative;
  }
  .YDException .canvas-box{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
  }
  .YDExceptionS .canvasStyle{
    width:115px;
    height: 115px;
    position: absolute;
    top: 11px;
    left: -15px;
  }
  .YDException .canvasStyle{
    width:115px;
    height: 115px;
    position: absolute;
    top: -11px;
    left: -15px;
  }
  .Exception-listNull{
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2px;
  }
  .YDException-module .Exception-list{
    padding-top: 2px;
    display: inline-block;
    width: 65%;
  }
  .YDException-module .Exception-listS{
    padding-top: 2px;
    display: inline-block;
    width: 58%;
  }
  .Exception-list-ul li{
    width:100%;
  }
  .Exception-list-ul li:hover{
    cursor: pointer;
  }
  .Exception-list .Exception-list-ul li div:nth-child(1){
    margin-left: 5px;
    font-size: 13px;
    width:58%;
    display: inline-block;
    color: #666666!important;
  }
  .Exception-listS .Exception-list-ul li div:nth-child(1) {
    width: 53%;
    margin-left: 5px;
    font-size: 13px;
    display: inline-block;
    color: #666666!important;
  }
  .Exception-listNull .Exception-list-ul li div:nth-child(1){
    margin-left: 5px;
    font-size: 13px;
    width:70%;
    display: inline-block;
    color: #666666!important;
  }
  .Exception-list-ul li div:nth-child(2){
    margin-top: 3px;
    font-size: 14px;
    display: inline;
  }
  .Exception-list-ul li:before{
    content: '';
    display: inline-block;
    border: 3.5px solid;
    border-radius: 50%;
  }
  .Exception-list-ul li:nth-child(1):before{
    border-color: #ffc67f;
  }
  .Exception-list-ul li:nth-child(2):before{
    border-color: #9acffb;
  }
  .Exception-list-ul li:nth-child(3):before{
    border-color: #c7cff4;
  }
  .Exception-list-ul li:nth-child(4):before{
    border-color: #7cbdf7;
  }
  .Exception-list-ul li:nth-child(5):before{
    border-color: #c7bff9;
  }
  .Exception-list-ul a,
  .Exception-list-ul a:link,
  .Exception-list-ul a:visited{
    color: #666666!important;
  }
  .tabException{
    /*margin-top: 43px;*/
    border-bottom:0!important;
    height: 30px;
  }
  .tabException-ul{
    width:100%;
  }
  .tabException-ul li{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 25%;
    height: 24px;
    font-weight: bold;
    border-radius: 15px;
    line-height: 23px;
    /*margin: 0 3.6%;*/
  }
  .tabException-ul li:nth-child(1){
    margin-left: 4%;
    margin-right:3.5%;
  }
  .tabException-ul li:nth-child(2){
    margin-left: 3.5%;
    margin-right: 3.5%;
  }
  .tabException-ul li:nth-child(3){
    margin-right: 3.5%;
    margin-left: 4%;
  }
  .tabException-ul li:hover{
    cursor: pointer;
  }
  .tabException-ul li.active{
    background-color: #8299f1;
  }
  .tabException-ul li.active a,
  .tabException-ul li.active a:hover{
    color: #fff;
  }

  .tabException-ul li{
    border: solid 1px #8299f1;
  }
  .tabException-ul li a,
  .tabException-ul li a:hover{
    color: #8299f1;
  }
  .tabException-ul li span{
    min-width: 18px;
    height: 15px;
    position: absolute;
    top: -10px;
    right: -11px;
    line-height: 15px;
    font-weight: 100;
    color: #fff;
    padding-right: 2px;
    padding-left: 2px;
  }
  .tabException-ul li:nth-child(1) span{
    background-color: #49A9EE;
  }
  .tabException-ul li:nth-child(2) span{
    background-color: #fdaa21;
  }
  .tabException-ul li:nth-child(3) span{
    background-color: #d64942;
  }
  .tabException-ul li a span:before {
    content: '';
    display: inline-block;
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    position: absolute;
    top: 3px;
    left: -8px;
  }
  .tabException-ul li:nth-child(1) a span:before{
    border-right: 4px solid #49A9EE;
  }
  .tabException-ul li:nth-child(2) a span:before{
    border-right: 4px solid #fdaa21;
  }
  .tabException-ul li:nth-child(3) a span:before{
    border-right: 4px solid #d64942;
  }
  .YDException-module .dropdownMenu li:hover{
    cursor: pointer;
  }
  .YDException-module .dropdown {
    float: right;
  }
  .YDException-module .dropdown .dropdown-toggle{
    color: #f5881e;
  }
  .YDException-module .dropdown .dropdownMenu{
    min-width:90px!important;
    background-color: #ffffff;
    border-color: #D9D9D9;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    position: absolute;
    padding: 3px 0;
  }
  .YDException-module .dropdown .dropdownMenu>li{
    text-align: center;
  }
  .YDException-module .dropdown .dropdownMenu>li.active{
    background-color:#f5881e;
    color: #fff;
  }
  .expWeyBillTip{
    position: absolute;
    left: -80px;
    top: 60px;
  }

</style>
